<template>
	<view class="log" v-for="item in 10" key="index">
		<view class="nameAndTime">
			<view>XXX洗车店</view>
			<view style="font-size: 14px;color: gray;">2020-10-10 11:09</view>
		</view>
		<view class="price">-50.00</view>
	</view>
</template>

<script setup>
</script>

<style lang="scss" scoped>
	.log{
		width: 100vw;
		height: 8vh;
		padding: 0px 2vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		.nameAndTime{
			width: 40%;
			height: 100%;
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
			justify-content: space-around;
		}
		.price{
			width: 15%;
			height: 100%;
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
			justify-content: center;
			color: gray;
		}
	}
</style>